<!-- FORMS -->
<div class="row">
	<div class="col-md-12">
		<!-- BASIC -->
		<div class="box border orange">
			<div class="box-title">
				<h4><i class="fa fa-reorder"></i>Tambah User</h4>
				<div class="tools hidden-xs">
					<a href="#box-config" data-toggle="modal" class="config">
						<i class="fa fa-cog"></i>
					</a>
					<a href="javascript:;" class="reload">
						<i class="fa fa-refresh"></i>
					</a>
					<a href="javascript:;" class="collapse">
						<i class="fa fa-chevron-up"></i>
					</a>
					<a href="javascript:;" class="remove">
						<i class="fa fa-times"></i>
					</a>
				</div>
			</div>
			<div class="box-body big">
				<?php echo form_open('manajemen/update_jabatan', 'class="form-horizontal row-border"'); ?>
				<?php extract($jabatan);?>
				<div class="form-group">
					<label class="col-md-2 control-label">Nama Jabatan:</label> 
					<div class="col-md-10"><input class="form-control" type="text" name="nama_jabatan" placeholder="" value="<?php echo $nama_jabatan; ?>" /></div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">Keterangan:</label> 
					<div class="col-md-10"><input class="form-control" type="text" name="keterangan" placeholder="" value="<?php echo $keterangan; ?>" /></div>
				</div>
				<input type="hidden" name="id_jabatan" value="<?php echo $id_jabatan; ?>" />
				<div class="pull-right"><button class="btn btn-warning" type="submit" name="submit" value="update_jabatan">Update Data</button></div>
				<br/>
			</form>										
		</div>
	</div>
	<!-- /BASIC -->
</div>
</div>
<!-- /SAMPLE -->

<!-- JAVASCRIPTS -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- JQUERY -->
<script src="<?php echo base_url() . 'assets/js/jquery/jquery-2.0.3.min.js'; ?>"></script>
<!-- JQUERY UI-->
<script src="<?php echo base_url() . 'assets/js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js'; ?>"></script>
<!-- BOOTSTRAP -->
<script src="<?php echo base_url() . 'assets/bootstrap-dist/js/bootstrap.min.js'; ?>"></script>


<!-- DATE RANGE PICKER -->
<script src="<?php echo base_url() . 'assets/js/bootstrap-daterangepicker/moment.min.js'; ?>"></script>

<script src="<?php echo base_url() . 'assets/js/bootstrap-daterangepicker/daterangepicker.min.js'; ?>"></script>
<!-- SLIMSCROLL -->
<script type="text/javascript" src="<?php echo base_url() . 'assets/js/jQuery-slimScroll-1.3.0/jquery.slimscroll.min.js'; ?>"></script>
<script type="text/javascript" src="<?php echo base_url() . 'assets/js/jQuery-slimScroll-1.3.0/slimScrollHorizontal.min.js'; ?>"></script>
<!-- BLOCK UI -->
<script type="text/javascript" src="<?php echo base_url() . 'assets/js/jQuery-BlockUI/jquery.blockUI.min.js'; ?>"></script>
<!-- TYPEHEAD -->
<script type="text/javascript" src="<?php echo base_url() . 'assets/js/typeahead/typeahead.min.js'; ?>"></script>
<!-- AUTOSIZE -->
<script type="text/javascript" src="<?php echo base_url() . 'assets/js/autosize/jquery.autosize.min.js'; ?>"></script>
<!-- COUNTABLE -->
<script type="text/javascript" src="<?php echo base_url() . 'assets/js/countable/jquery.simplyCountable.min.js'; ?>"></script>
<!-- INPUT MASK -->
<script type="text/javascript" src="<?php echo base_url() . 'assets/js/bootstrap-inputmask/bootstrap-inputmask.min.js'; ?>"></script>
<!-- FILE UPLOAD -->
<script type="text/javascript" src="<?php echo base_url() . 'assets/js/bootstrap-fileupload/bootstrap-fileupload.min.js'; ?>"></script>
<!-- SELECT2 -->
<script type="text/javascript" src="<?php echo base_url() . 'assets/js/select2/select2.min.js'; ?>"></script>
<!-- UNIFORM -->
<script type="text/javascript" src="<?php echo base_url() . 'assets/js/uniform/jquery.uniform.min.js'; ?>"></script>
<!-- JQUERY UPLOAD -->
<!-- The Templates plugin is included to render the upload/download listings -->
<script src="<?php echo base_url() . 'assets/js/blueimp/javascript-template/tmpl.min.js'; ?>"></script>
<!-- The Load Image plugin is included for the preview images and image resizing functionality -->
<script src="<?php echo base_url() . 'assets/js/blueimp/javascript-loadimg/load-image.min.js'; ?>"></script>
<!-- The Canvas to Blob plugin is included for image resizing functionality -->
<script src="<?php echo base_url() . 'assets/js/blueimp/javascript-canvas-to-blob/canvas-to-blob.min.js'; ?>"></script>
<!-- blueimp Gallery script -->
<script src="<?php echo base_url() . 'assets/js/blueimp/gallery/jquery.blueimp-gallery.min.js'; ?>"></script>
<!-- The basic File Upload plugin -->
<script src="<?php echo base_url() . 'assets/js/jquery-upload/js/jquery.fileupload.min.js'; ?>"></script>
<!-- The File Upload processing plugin -->
<script src="<?php echo base_url() . 'assets/js/jquery-upload/js/jquery.fileupload-process.min.js'; ?>"></script>
<!-- The File Upload image preview & resize plugin -->
<script src="<?php echo base_url() . 'assets/js/jquery-upload/js/jquery.fileupload-image.min.js'; ?>"></script>
<!-- The File Upload audio preview plugin -->
<script src="<?php echo base_url() . 'assets/js/jquery-upload/js/jquery.fileupload-audio.min.js'; ?>"></script>
<!-- The File Upload video preview plugin -->
<script src="<?php echo base_url() . 'assets/js/jquery-upload/js/jquery.fileupload-video.min.js'; ?>"></script>
<!-- The File Upload validation plugin -->
<script src="<?php echo base_url() . 'assets/js/jquery-upload/js/jquery.fileupload-validate.min.js'; ?>"></script>
<!-- The File Upload user interface plugin -->
<script src="<?php echo base_url() . 'assets/js/jquery-upload/js/jquery.fileupload-ui.min.js'; ?>"></script>
<!-- The main application script -->
<script src="<?php echo base_url() . 'assets/js/jquery-upload/js/main.js'; ?>"></script>
<!-- COOKIE -->
<script type="text/javascript" src="<?php echo base_url() . 'assets/js/jQuery-Cookie/jquery.cookie.min.js'; ?>"></script>
<!-- CUSTOM SCRIPT -->
<script src="<?php echo base_url() . 'assets/js/script.js'; ?>"></script>
<script>
jQuery(document).ready(function() {
        App.setPage("forms");  //Set current page
        App.init(); //Initialise plugins and elements
    });
</script>
<!-- /JAVASCRIPTS -->